

// import { Message } from "./tool.js";

$(function () {
    // 顶部city列表相关
    //
    $(".header_one_p1").on("mouseenter", function () {
        citysShow()
    })

    $(".citys").on("mouseenter", function () {
        citysShow()
    })

    $(".citys").on("mouseleave", function () {
        citysHide()
    })

    $(".header_one_p1").on("mouseleave", function () {
        citysHide()
    })

    // citys列表显示
    function citysShow() {
        $(".header_one_p1 .i1").removeClass("rototal_0")
        $(".header_one_p1 .i1").addClass("rototal_180")
        $(".citys").show()
    }

    // citys列表隐藏
    function citysHide() {
        $(".header_one_p1 .i1").removeClass("rototal_180")
        $(".header_one_p1 .i1").addClass("rototal_0")

        $(".citys").hide()
    }

    // 获取 citys 信息
    let citylist = []

    let allcitys = []

    let price_list = []

    $.ajax({
        url: '/js/map.json',
        type: 'get',
        dataType: 'json',
        success: function (datas) {
            // 渲染城市列表
            allcitys = datas.myMap

            for (let i = 0; i < datas.myMap.length; i++) {

                let name = datas.myMap[i].name
                if (name != "全国") {
                    let option = `<option class="price_select1_item" value="${name}">${name}</option>`
                    price_list.push(option)
                }
                name = name.replace("省", "")
                name = name.replace("特别行政", "")
                name = name.replace("行政自治区", "")
                name = name.replace("市", "")
                name = name.replace("自治区", "")
                let li = `<li class="item">
                    ${name}
            </li>`
                citylist.push(li)

            }



            $(".citys ul").append(citylist)
            $(".citys1 ul").append(citylist)
            $(".price_select1").append(price_list)
            $(".zzbz_pos1_city").append(citylist)
     
            // 二级城市 默认不显示全国的
            citylist = citylist.filter(item => {
                return !item.includes("全国")
            })
            $(".footer1_left_scroll ul").append(citylist)

            $(".zzbz_list1_left_content_cover").append(citylist)
        }
    })

    // 默认 citys 不显示
    $(".citys").hide()

    // 选择city
    $(".citys ul").on("click", function (e) {
        let cityName = $(e.target).text().trim()
        $(".selectCity").text(cityName)
        citysHide()
    })

    // navlist 相关
    //
    let activeIndex = 0  // 记录当前选中的 item

    $(".nav .item").on("mouseenter", function () {
        let index = $(this).index()
        if (index !== activeIndex) {
            $(".nav .item").eq(index).addClass("active")
        }

    })

    $(".nav .item").on("mouseleave", function () {
        let index = $(this).index()
        if (index !== activeIndex) {
            $(".nav .item").eq(index).removeClass("active")
        }

    })

    // 默认 menulist2 hide
    $(".menulist2").hide()

    $(".menulist2_pos").on("mouseenter", function () {
        $(".menulist2").show()
    })

    $(".menulist2_pos").on("mouseleave", function () {
        $(".menulist2").hide()
    })

    // 默认 menulist1_1 全部隐藏
    $(".menulist1_1").hide()

    // 记录当前进入的那个menu_item
    let indexItem = 0

    $(".menu_item").on("mouseenter", function () {
        let index = $(this).index()
        // console.log(index)
        indexItem = index
        $(".menulist1_1").eq(index).show()
        $(".menu_item").eq(index).addClass("active1")
        $(".menu_item").eq(index).siblings().removeClass("active1")
    })


    $(".menu_item").on("mouseleave", function () {
        let index = $(this).index()
        $(".menulist1_1").eq(index).hide()
        $(".menu_item").eq(index).removeClass("active1")
        // console.log("leave")
    })

    $(".nav .menulist1_1").on("mouseenter", function (e) {
        e.stopPropagation(); // 阻止事件冒泡
        $(this).show()
        $(".menu_item").eq(indexItem).addClass("active1")
        $(".menu_item").eq(indexItem).siblings().removeClass("active1")
    })

    $(".nav .menulist1_1").on("mouseleave", function (e) {
        e.stopPropagation(); // 阻止事件冒泡
        $(this).hide()
        $(".menu_item").eq(indexItem).removeClass("active1")
    })

    // 资质代办订单 资质转让信息 的具体内容的切换 开始
    //
    let isCooperation = false
    handleCooperation()

    function handleCooperation() {
        if (isCooperation) {
            $(".new-order-nav_li2").addClass("active2")
            $(".new-order-nav_li1").removeClass("active2")
            $(".cooperation").show()
            $(".index_list2_tab").hide()

        } else {
            $(".new-order-nav_li1").addClass("active2")
            $(".new-order-nav_li2").removeClass("active2")
            $(".index_list2_tab").show()
            $(".cooperation").hide()
        }
    }

    // 点击切换
    $(".new-order-nav_li2").click(() => {
        isCooperation = true
        handleCooperation()
    })
    $(".new-order-nav_li1").click(() => {
        isCooperation = false
        handleCooperation()
    })


    // 资质代办订单 右侧轮播开始
    //

    let zzIndex = 0
    let zzLength = $(".zzswiper").length
    function swiperzz() {
        $(".zzswiper").eq(zzIndex).show(500)
        $(".zzswiper").eq(zzIndex).siblings().hide(500)
        zzIndex += 1
        if (zzIndex < 0) {
            zzIndex = 0
        }
        if (zzIndex >= zzLength) {
            zzIndex = 0
        }

    }

    setInterval(() => {
        swiperzz()
    }, 8000)

    // 资质代办订单 左侧滑动轮播开始
    //

    // 先 生成基本结构
    let lis = []
    for (let i = 0; i < 6; i++) {
        let li = ` <li>
        <div class="li_left">
            <div class="li_left_top">
               <span class="color1">【资质代办】</span>监理-综合资质${i}
                <p>
                    135*******2
                    <span class="rightspan">
                        天津市-不限
                    </span>
                </p>
            </div>
        </div>
        <span class="time1">
            03月09日
        </span>
        <p class="danzi">
            抢单
        </p>
    </li>  `
        lis.push(li)
    }

    // 需要额外生成4个在底部，保证轮播连贯
    for (let i = 0; i < 4; i++) {
        let li = ` <li>
        <div class="li_left">
            <div class="li_left_top">
               <span class="color1">【资质代办】</span>监理-综合资质${i}
                <p>
                    135*******2
                    <span class="rightspan">
                        天津市-不限
                    </span>
                </p>
            </div>
        </div>
        <span class="time1">
            03月09日
        </span>
        <p class="danzi">
            抢单
        </p>
    </li>  `
        lis.push(li)
    }

    $(".index_list2_tab_left_cover ul").append(lis)

    let number = 0
    // 开启自动轮播
    function swiperzy() {

        $(".ul1").css({
            'transform': `translateY(${number}px)`,
            'transition': '1s all'
        })
        if (-number > 90 * (zzLength + 3)) {
            $(".ul1").css({
                'transition': '0s all',
                'transform': `translateY(${0}px)`,

            })
            number = -90
            return
        }
        number -= 90
    }

    setInterval(() => {

        swiperzy()

    }, 6000)


    // 首页 资质标准 citys1 开始
    //

    // 默认 citys 不显示
    $(".citys1").hide()

    $(".header_one_p2").on("mouseenter", function () {
        citysShow1()
    })

    $(".citys1").on("mouseenter", function () {
        citysShow1()
    })

    $(".citys1").on("mouseleave", function () {
        citysHide1()
    })

    $(".header_one_p2").on("mouseleave", function () {
        citysHide1()
    })


    // citys1列表显示
    function citysShow1() {
        // $(".header_one_p2 .i1").removeClass("rototal_0")
        // $(".header_one_p2 .i1").addClass("rototal_180")
        $(".citys1").show()
    }

    // citys1列表隐藏
    function citysHide1() {
        // $(".header_one_p2 .i1").removeClass("rototal_180")
        // $(".header_one_p2 .i1").addClass("rototal_0")
        $(".citys1").hide()
    }

    // 选择city1
    $(".citys1 ul").on("click", function (e) {
        let cityName = $(e.target).text().trim()
        $(".selectCity1").text(cityName)
        citysHide1()
    })



    // 快速申请资质 底部轮播开始
    //

    // 先 生成基本结构
    let lis1 = []
    for (let i = 0; i < 6; i++) {
        let li = `<li class="swiper111">
           135****3237已经预约申请${i}
       </li>`
        lis1.push(li)
    }

    // 需要额外生成4个在底部，保证轮播连贯
    for (let i = 0; i < 1; i++) {
        let li = `<li class="swiper111">
        135****3237已经预约申请${i}
    </li>`
        lis1.push(li)
    }

    $(".lunbo11 ul").append(lis1)

    let zzLength1 = $(".swiper111").length

    let number1 = 0
    // 开启自动轮播
    function swiperzy1() {

        $(".ul11").css({
            'transform': `translateY(${number1}px)`,
            'transition': '1s all'
        })
        if (-number1 >= 30 * zzLength1) {
            $(".ul11").css({
                'transition': '0s all',
                'transform': `translateY(${0}px)`,
            })
            number1 = -30
            return
        }
        number1 -= 30
    }

    setInterval(() => {
        swiperzy1()
    }, 4000)

    // 2级城市列表开启
    //
    // 默认隐藏
    $(".select_tree_citys").hide()
    // 2级城市列表显示 隐藏
    $(".item1_weizhi").on("click", function (e) {
        e.stopPropagation()
        $(".select_tree_citys").show()
    })

    $(".select_tree_citys").on("mouseleave", function () {
        $(".select_tree_citys").hide()
    })

    let selectcitysarr = []  // 收集 点击的两级 城市列表

    // 点击一级城市 显示二级
    $(".footer1_left_scroll ul").on("click", function (e) {
        e.stopPropagation()
        // console.log(allcitys)
        selectcitysarr = []

        let index = $(e.target).index()
        $(e.target).addClass("active4")
        $(e.target).siblings().removeClass("active4")

        let cityname_one = $(e.target).text().trim()
        selectcitysarr.push(cityname_one)
        let focus_citys = allcitys.find(item => {
            return item.name.includes(cityname_one)
        })

        // console.log(focus_citys)
        let two_citysarr = []
        if (focus_citys.childs.length > 0) {
            // 开始渲染二级城市列表
            for (let i = 0; i < focus_citys.childs.length; i++) {

                if (focus_citys.childs.length == 1) {
                    // console.log(focus_citys.childs[0].childs)
                    for (let j = 0; j < focus_citys.childs[0].childs.length; j++) {
                        let li = `<li>
                        ${focus_citys.childs[0].childs[j].name}
                </li>`
                        two_citysarr.push(li)
                    }

                    $(".footer1_right_scroll ul").empty()
                    $(".footer1_right_scroll ul").append(two_citysarr)

                    return
                }
                let li = `<li>
                ${focus_citys.childs[i].name}
        </li>`
                two_citysarr.push(li)
            }

            $(".footer1_right_scroll ul").empty()
            $(".footer1_right_scroll ul").append(two_citysarr)
        } else {      // 直接渲染

            let str = selectcitysarr.join("")
            $(".textval").text(str)

            $(".select_tree_citys").hide()
        }
    })

    // 二级城市点击事件
    $(".footer1_right_scroll ul").on("click", function (e) {
        e.stopPropagation()
        if (selectcitysarr.length >= 2) {
            selectcitysarr.splice(1, 1)
        }

        let index = $(e.target).index()
        let cityname_one = $(e.target).text().trim()
        selectcitysarr.push(cityname_one)
        let str = selectcitysarr.join("-")
        $(".textval").text(str)
        $(".footer1_right_scroll").animate(
            {
                scrollTop: 0,
            },
            0
        );

        $(".select_tree_citys").hide()

    })

    // 首页  全国金牌服务商 轮播图
    //


    // 轮播事件
    var index = 1;//这是记录图片的索引，通过索引来控制图片的切换，
    // 注意是从1开始的   [1,size-2]
    var timer = null;//seInterval()函数会返回一个值，这是用来接收那个值的，可以用来停止轮播的效果
    var size = $('.slide').children().size();//图片的张数
    var picWidth = $('.pic').width();//获取图片的宽度
    //鼠标移上去的时候图片轮播要暂停
    $('.index_list4_swiper').mouseover(function () {
        clearInterval(timer);
    });
    //鼠标移走的时候再次开始
    $('.index_list4_swiper').mouseleave(function () {
        autoSlide();
    });
    /*这里要调用这个函数。这里也是一个关键。
    因为当你点进这个页面以后不管你鼠标放在哪里，图片都是要动的吧。
    这样子写的意思就是触发这个.slide类的mouseover事件，
    而上面那个是给这个元素绑定事件*/
    $('.slide').mouseleave();
    //自动播放
    function autoSlide() {
        timer = setInterval(function () {
            index++;//通过索引来控制图片嘛，每隔一段时间当然要让图片动起来。
            changeImg();
            changeDots();
        }, 5000);//每隔1.5S就切换一次图片
    };

    // 图片切换函数
    function changeImg() {
        var slideWidth = -1 * picWidth * index;//移动的距离
        $('.slide').animate({
            'left': slideWidth + 'px'//每次滑动一个图片的距离
        }, 1000);//500的意思是动画效果要在500ms内完成
        if (index >= size - 1) {
            /*这是关键之三，
            当移动到最后一张图片的时候,
            瞬间（animate函数最后那个0代表转换时间为0ms，所以就是一瞬间的事）
            切换为第一张。*/
            $('.slide').animate({ 'left': -picWidth + 'px' }, 0);// 图片切换过去   
            index = 1;//索引要也切换为第一幅图的索引
        }
        if (index < 1) {
            //要注意在执行下面这段函数之前，已经切换到图片C了。
            $('.slide').animate({ 'left': -(size - 2) * picWidth + 'px' }, 0);// 而这里便是无缝切换的代码
            // (肉眼看不到),但实际已经切换到图片C了
            index = size - 2;
        }
    }
    //小圆点切换的函数
    function changeDots() {
        //给当前的小圆点添加高亮的样式（active），然后把其他小圆点的样式去掉。
        /*这里设置index-1的原因是因为点只有三个。
        当图片的索引为1，圆点的索引为0
        图片索引为2，圆点索引为1
        所以我们可以看到一直都差1*/
        $('.dot').eq(index - 1).addClass('active').siblings().removeClass('active');

    }
    //点击小圆点，切换到对应的图片
    $('.dot').click(function (event) {
        var target = event.target;//获取点击到的小圆点，获取到的是一个DOM元素
        //获取DOM元素的索引值。
        index = $(target).index() + 1;// +1的原因：看上面changeDots()的注释
        changeImg();//改变图片
        changeDots();// 小圆点的状态也要跟着变
    });
    // 点击下一张切换图片
    $('.next').click(function () {
        index++;
        changeImg();
        changeDots();
    });
    // 点击上一张切换图片
    $('.prev').click(function () {
        index--;
        changeImg();
        changeDots();
    });


    // 新闻资讯 左侧栏切换
    //
    $(".index_list5_list1 ul").eq(1).hide()
    $(".index_list5_header p").on("click", function () {
        let index = $(this).index()
        $(".index_list5_header p").eq(index).addClass("active6")
        $(".index_list5_header p").eq(index).siblings().removeClass("active6")
        $(".index_list5_list1 .list1_index5_ul").eq(index).show()
        $(".index_list5_list1 .list1_index5_ul").eq(index).siblings().hide()
    })

    // 公用底部选项开始
    //

    // 默认隐藏
    for (let i = 1; i < $(".footer_footer_content_list .item").length; i++) {
        $(".footer_footer_content_list .item").eq(i).hide()
    }

    // 点击切换
    $(".footer_footer_title_list .item").on("click", function () {
        let index = $(this).index()
        $('.footer_footer_title_list .item').eq(index).addClass("active8")
        $('.footer_footer_title_list .item').eq(index).siblings().removeClass("active8")
        $(".footer_footer_content_list .item").eq(index).show()
        $(".footer_footer_content_list .item").eq(index).siblings().hide()
    })


    // 转让页面 底部选项
    //

    $(".zr_list2_title_list li").on("click", function () {
        let index = $(this).index()
        $(".zr_list2_title_list li").eq(index).find("span").addClass("active_zr1")
        $(".zr_list2_title_list li").eq(index).siblings().find("span").removeClass("active_zr1")

        $(".zr_list2_content_list .zr_list2_content_item").eq(index).show()
        $(".zr_list2_content_list .zr_list2_content_item").eq(index).siblings().hide()

    })

    // 顶部 资质办理 选项栏 显示 隐藏
    //
    $(".banli_pos").on("mouseenter", function (e) {
        e.stopPropagation()
        $(".banli_pos_list").show()
    })
    $(".banli_pos").on("mouseleave", function (e) {
        e.stopPropagation()
        $(".banli_pos_list").hide()
    })

    // 顶部 资质办理 选项栏 显示 隐藏
    //
    $(".bk_nav_list li").on("mouseenter", function (e) {
        e.stopPropagation()
        let index = $(this).index()
        $(".bk_nav_list li").eq(index).find("a").addClass("active_bk1")
        $(".bk_nav_list li").eq(index).siblings().find("a").removeClass("active_bk1")
    })


    // 服务商页面
    // 导航栏相关
    $(".service_menulist1").hide()

    $(".service_item1").on("mouseenter", function () {
        $(".service_menulist1").show()
    })
    $(".service_item1").on("mouseleave", function () {
        $(".service_menulist1").hide()
    })

    $(".service_main").on("mouseenter", function () {
        $(".service_menulist1").hide()
    })

    // 服务商页面
    // 3个分类

    $(".fuwu_list_cover .left p").on("click", function () {
        let index = $(this).index()

        $(".fuwu_list_cover .left p").eq(index).addClass("service_active")
        $(".fuwu_list_cover .left p").eq(index).siblings().removeClass("service_active")

        // 对应 content 栏切换
        $(".fuwu_item_content").eq(index).show()
        $(".fuwu_item_content").eq(index).siblings().hide()

    })

    // 分页相关事件
    let pageall = $(".all_pages").text().trim()  // 总页数
    let newpage = $(".new_page").text().trim()  // 当前页数


    // 上一页
    $(".pre_page").on("click", function () {
        changePage('pre')
    })

    // 下一页
    $(".next_page").on("click", function () {
        changePage('next')
    })

    // 点击切换页面函数
    function changePage(type) {
        if (type == "pre") {    // 上一页
            let newpage_now = $(".new_page").text().trim() - 0  // 当前页数
            if (newpage_now > 1) {
                $(".new_page").text(newpage_now - 1)
            } else {
                return
            }
        } else if (type == "next") { // 下一页
            let newpage_now = $(".new_page").text().trim() - 0  // 当前页数
            if (newpage_now < pageall) {
                $(".new_page").text(newpage_now + 1)
            } else {
                return
            }
        }
    }

    // 资质计算器 footer list
    //

    // 默认显示
    let length = $(".price_nav_title_contentlist").length

    for (let i = 0; i < length; i++) {
        if (i == 0) {
            $(".price_nav_title_contentlist").eq(i).show()
        }
        else {
            $(".price_nav_title_contentlist").eq(i).hide()
        }
    }

    // 切换

    $(".price_nav_title_list li").on("click", function () {
        let index = $(this).index()

        $(".price_nav_title_list li").eq(index).addClass("price_active")
        $(".price_nav_title_list li").eq(index).siblings().removeClass("price_active")
        $(".price_nav_title_contentlist").eq(index).show()
        $(".price_nav_title_contentlist").eq(index).siblings().hide()

    })


    // 资质问答 底部左侧 切换
    //

    // 默认显示
    let length11 = $(".max_left_content_list").length

    for (let i = 0; i < length11; i++) {
        if (i == 0) {
            $(".max_left_content_list").eq(i).show()
        }
        else {
            $(".max_left_content_list").eq(i).hide()
        }
    }


    // 切换
    $(".max_left_title_list li").on("click", function () {
        let index = $(this).index()

        $(".max_left_title_list li").eq(index).addClass("wenda_active")
        $(".max_left_title_list li").eq(index).siblings().removeClass("wenda_active")
        $(".max_left_content_list").eq(index).show()
        $(".max_left_content_list").eq(index).siblings().hide()

    })

    // 资质问答 底部右侧 切换
    //

    // 切换
    $(".wenda_right_list3_title_list span").on("click", function () {
        let index = $(this).index()

        $(".wenda_right_list3_title_list span").eq(index).addClass("wenda_active")
        $(".wenda_right_list3_title_list span").eq(index).siblings().removeClass("wenda_active")
        $(".wenda_right_list3_content_list").eq(index).show()
        $(".wenda_right_list3_content_list").eq(index).siblings().hide()

    })

    // 资质问答 滚动 切换
    //
    let isCheck = true
    //监听页面滚动，设置对应动效
    $(window).scroll(function () {
        let scroH = $(window).scrollTop();  //滚动高度
        if (scroH < 10) {  //距离顶部大于100px时
            isCheck = true
            $(".wenda_search2").hide()
            $(".wenda_search1").show()
        } else if (scroH >= 0) {
            isCheck = false
            $(".wenda_search2").show()
            $(".wenda_search1").hide()
        }


        if (scroH < 700) {  //距离顶部大于100px时

            $(".zzdb_fixed_navlist").hide()

        } else {

            $(".zzdb_fixed_navlist").show()

        }

    })



    $("body").on("click", function () {
        $(".service_menulist1").hide()
        // $(".baike_history_list_pos").hide()
        hideCascader()
        $(".myknow_pos_select_cover").hide()
    })

    // 资质新闻 底部选项 切换
    //

    $(".news_list2_nav_title li").on("click", function () {
        let index = $(this).index()
        $(".news_list2_nav_title li").eq(index).addClass("wenda_active")
        $(".news_list2_nav_title li").eq(index).siblings().removeClass("wenda_active")
        $(".news_list2_nav_conten").eq(index).show()
        $(".news_list2_nav_conten").eq(index).siblings().hide()

    })


    // 默认隐藏
    $(".pos_hx").hide()

    // 切换
    $(".zizhihangxin").on("mouseenter", function () {
        $(".pos_hx").show()
    })

    $(".zizhihangxin").on("mouseleave", function () {
        $(".pos_hx").hide()
    })


    // 资质新闻右侧切换
    //

    $(".news_main_left_list2_title_cover .item").on("click", function () {
        let index = $(this).index()
        $(".news_main_left_list2_title_cover .item").eq(index).addClass("news_active")
        $(".news_main_left_list2_title_cover .item").eq(index).siblings().removeClass("news_active")
        $(".news_main_left_list2_content").eq(index).show()
        $(".news_main_left_list2_content").eq(index).siblings().hide()

    })

    // 施工总承包
    //

    $(".zzdb_fixed_navlist .left a").on("click", function () {
        let index = $(this).index()
        $(".zzdb_fixed_navlist .left a").eq(index).addClass("zzdb_active")
        $(".zzdb_fixed_navlist .left a").eq(index).siblings().removeClass("zzdb_active")
    })


    // 论坛search 开始
    //

    $(".bbs_search .left").on("mouseenter", function (e) {
        $(".bbs_search_list_pos").show()
    })
    $(".bbs_search .left").on("mouseleave", function (e) {
        $(".bbs_search_list_pos").hide()
    })

    $(".bbs_search_list_pos").on("click", function (e) {
        let text = $(e.target).html().trim()
        $(".bbs_select_val").text(text)
    })

    // 论坛 查看跟多地区显示
    //

    let citylist1 = []      // 默认城市列表
    let citylist2 = []      // 更多城市列表

    $.ajax({
        url: '/js/map.json',
        type: 'get',
        dataType: 'json',
        success: function (datas) {
            // 渲染城市列表
            allcitys = datas.myMap

            allcitys.splice(0, 1)
            // console.log(allcitys)

            let obj = {
                code: 100,
                name: '资质街官方'
            }

            allcitys.push(obj)
            let index1 = 10  // 默认显示的个数
            for (let i = 0; i < allcitys.length; i++) {
                let name = datas.myMap[i].name
                name = name.replace("省", "")
                name = name.replace("特别行政", "")
                name = name.replace("行政自治区", "")
                name = name.replace("市", "")
                name = name.replace("自治区", "")
                let li = `<li class="item"> 
                    ${name}
            </li>`
                if (i < index1) {
                    citylist1.push(li)
                } else {
                    citylist2.push(li)
                }
            }

            $(".dizhi1_cover").append(citylist1)

            $(".bbs_more_list").append(citylist2)

          

        }
    })

    $(".bbs_more_list").hide()

    $(".bbs_more").on("mouseenter", function (e) {
        $(".bbs_more_list").show()
    })
    $(".bbs_more").on("mouseleave", function (e) {
        $(".bbs_more_list").hide()
    })


    // input 历史备选功能
    //

    let inputArray = [
        {
            id: 0,
            name: '历史'
        },
        {
            id: 1,
            name: 'java'
        },
        {
            id: 2,
            name: 'java sdk'
        },
    ]

    let eleArr1 = []

    createNewHistory()


    // 生成一个基本的历史记录列表
    function createNewHistory() {
        eleArr1 = []
        if (inputArray.length == 0) {
            return $(".baike_history_list_pos").hide()
        }

        inputArray.forEach(item => {
            let li = `<li>
            <p>
                ${item.name} 
            </p>  
            <div class="i_cover">
                <i id=${item.id} class="iconfont icon-delete">
                </i> 
            </div>
         
        </li>`
            eleArr1.push(li)
        })

        $(".baike_history_list_pos").append(eleArr1)
    }


    $('.baike_input1').on('focus', function (e) {

        if (inputArray.length == 0) {

            return $(".baike_history_list_pos").hide()
        }

        $(".baike_history_list_pos").show()
        e.stopPropagation()
    })


    // $('.baike_input1').on('blur', function () {

    //     //失去焦点时执行的函数
    //     $(".baike_history_list_pos").hide()
    // })


    //  选中 与 删除
    $(".baike_history_list_pos").on("click", function (e) {
        e.stopPropagation()
        let val = $(e.target).text().trim()
        if (val) {
            //选中
            $(".baike_input1").val(val)
            $(".baike_history_list_pos").hide()
        } else {
            //删除
            let id = $(e.target).attr('id')

            let index = inputArray.findIndex(item => {
                return item.id == id
            })

            inputArray.splice(index, 1)

            $(".baike_history_list_pos").html('')
            createNewHistory()

        }
    })




    // 登陆页切换
    //

    $(".loin_list").eq(1).hide()

    $(".login_item1").on('click', function (e) {
        // e.stopPropagation()
        let index = $(this).index()
        $(".login_item1").eq(index).addClass("login_active")
        $(".login_item1").eq(index).siblings().removeClass("login_active")
        $(".loin_list").eq(index).show()
        $(".loin_list").eq(index).siblings().hide()
    })

    // 展示 register下的第几个
    //
    let registerListLength = $('.register_content_item').length




    // 专门用于处理 切换 register 下的2 3 级列表
    // 传入参数 类名
    function registerShow(className) {
        for (let i = 0; i < registerListLength; i++) {
            if ($('.register_content_item').eq(i).hasClass(className)) {

                $('.register_content_item').eq(i).show()
            } else {

                $('.register_content_item').eq(i).hide()
            }
        }

    }


    // 注册页面1 顶部提示
    //
    $(".register_login1_pos").hide()
    $(".i_cover1").on("mouseenter", function () {
        $(".register_login1_pos").show()
    })

    $(".i_cover1").on("mouseleave", function () {
        $(".register_login1_pos").hide()
    })

    // 注册页面1 验证码倒计时
    //

    let isPush = false  // 默认没发送
    let count = 60            // 默认60s
    let register_timer = null
    $(".register_getyzm").on("click", function () {
        if (!isPush) {
            // 校验手机号
            let register_user_phone = $(".register_user_phone").val().trim()
            if (!register_user_phone) {
                return Message("请输入手机号", 'error')
            }
            if (!checkPhone(register_user_phone)) {
                return
            }

            isPush = true
            register_timer = setInterval(() => {
                if (count <= 0) {
                    count = 60
                    clearInterval(register_timer)
                    $(".register_getyzm").html("获取验证码")
                    isPush = false

                } else {
                    count -= 1
                    $(".register_getyzm").html(`${count}s后重新获取`)
                }
            }, 1000)
        } else {
            Message("验证码已发送，请勿重复点击！！！", 'warning')
        }
    })

    // 注册页1 下一步 进行校验
    //
    $(".login1_btn").on("click", function () {
        checkOne()
    })

    // 专门用于处理注册页1 的校验函数
    function checkOne() {
        let register_user_phone = $(".register_user_phone").val().trim()
        let register_user_passord = $(".register_user_passord").val().trim()
        let register_user_passord1 = $(".register_user_passord1").val().trim()
        let register_user_yzm = $(".register_user_yzm").val().trim()
        if (register_user_phone.length == 0) {
            return Message("请输入手机号", 'error')
        }
        if (register_user_passord.length == 0) {
            return Message("请输入密码", 'error')
        }
        if (register_user_passord1.length == 0) {
            return Message("请输入确认密码", 'error')
        }
        if (register_user_yzm.length == 0) {
            return Message("请输入验证码", 'error')
        }


        // 校验是否是手机号
        if (!checkPhone(register_user_phone)) {
            return
        }

        // 校验两次密码是否一致
        if (register_user_passord !== register_user_passord1) {
            return Message("两次密码不一致", 'warning')
        }

        // 校验密码是否符合规则
        if (register_user_passord.length < 6 || register_user_passord1.length < 6) {
            return Message("密码长度不能小于6位", 'warning')
        }

        // 校验验证码是否符合
        if (register_user_yzm.length !== 6) {
            return Message("请检查你的验证码", 'warning')
        }

        // 校验通过了
        goActive(0, 1)
        registerShow('register_type')

    }

    // 用于处理 顶部导航的切换 active
    // 参数1 当前 第几级  (0,1)
    // 参数2 要去第几级 (1,2)
    function goActive(oldId, newId) {
        $(".register_title_item").eq(oldId).removeClass("register_active")
        $(".register_title_item").eq(newId).addClass("register_active")
    }


    // register2 选中的服务类型
    //
    let serviceType = ''
    $(".register2_cover .cover_item").on('click', function () {
        let index = $(this).index()
        $(".register2_cover .cover_item").eq(index).addClass('register_active2')
        $(".register2_cover .cover_item").eq(index).siblings().removeClass('register_active2')
        if (index == 0) {
            serviceType = 'normal'   // 当前选中的需求者
        } else {
            serviceType = 'provider'   // 当前选中的服务商
        }
    })

    //register2 下一步
    $(".register2_btn_next").on("click", function () {
        if (!serviceType) {
            return Message("请先选择", 'error')
        }
        if (serviceType === 'normal') {
            registerShow('register_type3')
            // 切换顶部的导航 active
            goActive(1, 2)

        } else if (serviceType === 'provider') {
            registerShow('register_type2')
        }
    })

    // register2_2 选中
    //

    let serviceType1 = ''
    $(".register2_2_cover .item").on('click', function () {
        let index = $(this).index()
        $(".register2_2_cover .item").eq(index).addClass('register_active2')
        $(".register2_2_cover .item").eq(index).siblings().removeClass('register_active2')

        switch (index) {
            case 0: serviceType1 = 'user'; break;        // 个人服务商
            case 1: serviceType1 = 'intermediary'; break;    // 资质服务中介
            case 2: serviceType1 = 'company'; break;    // 资质服务公司
        }

    })

    //register2_2 下一步
    $(".register_btn2").on("click", function () {
        if (!serviceType1) {
            return Message("请先选择", 'error')
        }

        switch (serviceType1) {
            case 'user':
                registerShow('register_type3_1')
                goActive(1, 2);
                break;
            case 'intermediary':
                registerShow('register_type3_2')
                goActive(1, 2);
                break;
            case 'company':
                registerShow('register_type3_3')
                goActive(1, 2);
                break;
        }
    })

    // 重新选择
    $(".reselect").click((e) => {
        e.preventDefault();
        registerShow('register_type')
    })

    let userheader_register3_1 = ''   // 头像数据
    let shengfeng1_register3_1 = ''     // 身份证正面
    let shengfeng2_register3_1 = ''     // 身份证背面

    // 触发头像上传
    $(".uploaduserheader").on("click", () => {

        $(".upfile").click()
    })

    // 个人 头像上传
    $('.upfile').on('change', async function () {

        userheader_register3_1 = await collectImg('.upfile', '.register3_1_userheader .p3', '.register3_1_userheader')
    });


    // 触发 身份证正面上传
    $(".shengfen1_p1").on("click", function (e) {
        $(".register3_1_shengfen1").click()
    })

    // 个人 身份证正面上传
    $('.register3_1_shengfen1').on('change', async function () {
        shengfeng1_register3_1 = await collectImg('.register3_1_shengfen1', '.shengfen1_p1', '.shengfen1_cover1')
    });

    // 触发 身份证背面上传
    $(".shengfen1_p2").on("click", () => {
        $(".register3_1_shengfen2").click()
    })

    // 个人 身份证背面上传
    $('.register3_1_shengfen2').on('change', async function () {
        shengfeng2_register3_1 = await collectImg('.register3_1_shengfen2', '.shengfen1_p2', '.shengfen1_cover2')
    });


    // register3_1 点击完成注册 对当前页数据进行 数据校验 和 全部数据进行收集
    // 判断

    $(".register_btn3_1").click(function () {
        checkRegister3_1()
    })

    // register3_1 数据校验
    function checkRegister3_1() {
        let sex_register3_1_isselect = $(".sex").is(':checked')       // 性别是否勾选
        let sex_register3_1 = ''          // sex
        if (sex_register3_1_isselect) {
            for (let i = 0; i < 2; i++) {
                if ($(".sex")[i].checked) {
                    sex_register3_1 = {
                        sex_register3_1: $($(".sex")[i]).val()
                    }
                }
            }
        }

        let name_register3_1 = $(".name_register3_1").val().trim()      // 名称


        let username_register3_1 = $(".username_register3_1").val().trim()      // 姓名


        let userid_register3_1 = $(".userid_register3_1").val().trim()     // 身份证号


        // console.log(sex_register3_1, name_register3_1, username_register3_1, userid_register3_1, userheader_register3_1, shengfeng1_register3_1, shengfeng2_register3_1)


        // 判断所有图片上传 是否成功 及 所有内容是否全选种
        if (!userheader_register3_1 || !shengfeng1_register3_1 || !shengfeng2_register3_1 || !sex_register3_1_isselect ||
            !name_register3_1 || !username_register3_1 || !userid_register3_1) {
            return Message("所有内容都是必填内容", "error")
        }

        // 判断名称是否符合
        if (name_register3_1.length > 10) {
            return Message("名称长度在1到10个字符之间", "warning")
        }

        // 判断姓名是否符合
        if (username_register3_1.length < 2 || username_register3_1.length > 10) {
            return Message("姓名长度在2到6个字符之间", "warning")
        }

        // 判断身份证是否符合
        if (!checkUserId(userid_register3_1)) {
            return Message("身份证不符合，请重新输入", 'warning')
        }


        // 收集数据
        let register3_1_arr = { sex_register3_1, name_register3_1, username_register3_1, userid_register3_1, userheader_register3_1, shengfeng1_register3_1, shengfeng2_register3_1 }



        console.log(register3_1_arr)
        Message("注册成功", 'success')
    }



    // register3_2 开始
    //

    let userheader_register3_2 = ''   // 头像数据

    // 触发头像上传
    $(".uploaduserheader3_2").on("click", () => {

        $(".upfile_3_2").click()
    })

    // 个人 头像上传
    $('.upfile_3_2').on('change', async function () {
        userheader_register3_2 = await collectImg('.upfile_3_2', '.register_type3_2_userheader .p3_3_2', '.register_type3_2_userheader')
    });

    // 数据校验和收集
    $(".register_btn3_2").click(function () {
        checkRegister3_2()
    })

    // register3_2 数据校验
    function checkRegister3_2() {
        let sex_register3_1_isselect = $(".sex_3_2").is(':checked')       // 性别是否勾选
        let sex_register3_1 = ''          // sex
        if (sex_register3_1_isselect) {
            for (let i = 0; i < 2; i++) {
                if ($(".sex_3_2")[i].checked) {
                    sex_register3_1 = {
                        sex_register3_1: $($(".sex_3_2")[i]).val()
                    }
                }
            }
        }

        let name_register3_1 = $(".name_3_2").val().trim()      // 名称


        let username_register3_1 = $(".username_3_2").val().trim()     // 姓名



        let company_register3_1 = $(".company_3_2").val().trim()      // 公司名



        // console.log(sex_register3_1, name_register3_1, username_register3_1, company_register3_1, userheader_register3_2)


        // 判断所有图片上传 是否成功 及 所有内容是否全选种
        if (!userheader_register3_2 || !sex_register3_1_isselect || !name_register3_1 || !username_register3_1 || !company_register3_1) {
            return Message("所有内容都是必填内容", "error")
        }

        // 判断名称是否符合
        if (name_register3_1.length > 10) {
            return Message("名称长度在1到10个字符之间", "warning")
        }

        // 判断姓名是否符合
        if (username_register3_1.length < 2 || username_register3_1.length > 6) {
            return Message("姓名长度在2到6个字符之间", "warning")
        }

        // 判断公司是否符合
        if (company_register3_1.length > 10) {
            return Message("公司名称长度在1到10个字符之间", "warning")
        }

        // 收集数据
        let register3_2_arr = {
            sex_register3_1, name_register3_1, username_register3_1, company_register3_1, userheader_register3_2
        }



        console.log(register3_2_arr)
        Message("注册成功", 'success')
    }



    // register3_3 开始
    //

    let userheader_register3_3 = ''   // 头像数据
    let certificates_3_3 = ''     // 营业执照

    // 触发头像上传
    $(".uploaduserheader3_3").on("click", () => {
        $(".upfile_3_3").click()
    })

    // 个人 头像上传
    $('.upfile_3_3').on('change', async function () {
        userheader_register3_3 = await collectImg('.upfile_3_3', '.p3_3_3', '.register_type3_3_userheader')
        // console.log(userheader_register3_3)
    });

    // 触发 营业执照上传
    $(".add_certificates").on("click", () => {

        $(".certificates_3_3").click()

    })

    // 营业执照上传
    $('.certificates_3_3').on('change', async () => {

        certificates_3_3 = await collectImg('.certificates_3_3', null, '.register3_3_img_cover')

    });

    // register3_1 点击完成注册 对当前页数据进行 数据校验 和 全部数据进行收集
    // 判断

    $(".register_btn3_3").click(function () {
        checkRegister3_3()

    })


    // register3_3 数据校验
    function checkRegister3_3() {

        let company_3_3 = $(".company_3_3").val().trim()

        let company_id_3_2 = $(".company_id_3_2").val().trim()

        // 判断所有图片上传 是否成功 及 所有内容是否全选种
        if (!company_3_3 || !company_id_3_2 || !certificates_3_3 || !userheader_register3_3) {
            return Message("所有内容都是必填内容", "error")
        }

        // 判断名称是否符合
        if (company_3_3.length > 20) {
            return Message("名称长度在1到20个字符之间", "warning")
        }

        // 收集数据
        let register3_3_arr = {
            company_3_3, company_id_3_2, certificates_3_3, userheader_register3_3
        }

        Message("注册成功", 'success')

        // $.ajax({
        //     type:"post",
        //     url:"http://127.0.0.1:5000/admin/work/ceshi",
        //     data:register3_3_arr,
        //     success:(data)=>{
        //         console.log(data)
        //     }
        // })
    }

    // 默认展示 第一个 register
    registerShow('register_phone')
    // registerShow('register_type3_1')



    // 找回密码 部分 开始
    //

    // 倒计时

    let isPush1 = false  // 默认没发送
    let count1 = 60            // 默认60s
    let register_timer1 = null
    $(".forgetpass_get_vender").on("click", function () {
        if (!isPush1) {
            // 校验手机号
            let forgetpass_phone = $(".forgetpass_phone").val().trim()

            if (!forgetpass_phone) {
                console.log("333")
                return Message("请输入手机号", 'error')
            }
            if (!checkPhone(forgetpass_phone)) {
                console.log("222")
                return
            }
            console.log("lll")

            isPush1 = true
            register_timer1 = setInterval(() => {
                if (count1 <= 0) {
                    count1 = 60
                    clearInterval(register_timer1)
                    $(".forgetpass_get_vender").html("获取验证码")
                    isPush1 = false

                } else {
                    count1 -= 1
                    $(".forgetpass_get_vender").html(`${count1}s后重新获取`)
                }
            }, 1000)
        } else {
            Message("验证码已发送，请勿重复点击！！！", 'warning')
        }
    })


    // 点击下一步 开始 验证
    $(".forgetpass_1_submit").on("click", function (e) {
        e.preventDefault()
        let data = formToJson("#forgetpassword1")
        // 校验
        if (!checkPhone(data.user_login)) {
            return Message("请检查你的手机号", "error")
        }

        // 默认验证码 6位
        if (data.mobile_verify.trim().length !== 6) {
            return Message("请检查你的验证码", "error")
        }

        // 通过
        console.log(data)

        // 触发顶部切换
        $(".forgetpass_nav2").addClass("fill-step2-select")

        // 切换
        $("#forgetpassword1").hide()
        $("#forgetpassword2").show()


    })


    // 设置新密码
    $(".passwordArea2_btn").on("click", function (e) {
        e.preventDefault()
        // 收集
        let data = formToJson("#forgetpassword2")

        // 校验
        if (data.password.trim().length < 6 || data.password.trim().length > 16) {
            return Message("请输入6-16位密码，字母区分大小写", "warning")
        }

        if (data.password1.trim().length < 6 || data.password1.trim().length > 16) {
            return Message("请输入6-16位密码，字母区分大小写", "warning")
        }

        if (data.password != data.password1) {
            return Message("两次密码不一致", "error")
        }

        // 通过
        console.log(data)

        // 触发顶部切换
        $(".forgetpass_nav3").addClass("fill-step3-select")
        // 切换
        $("#forgetpassword2").hide()
        $(".forgetpassword3").show()

        setTimeout(() => {
            window.location.href = 'login.html'
        }, 1000)
    })

    $("#forgetpassword2").hide()

    $(".forgetpassword3").hide()

    // myattorninfo 页面 顶部切换
    //
    $(".attorn_nav_list .item").on("click", function () {
        let index = $(this).index()
        console.log(index)
        $(".attorn_nav_list .item").eq(index).addClass("atttorn_active")
        $(".attorn_nav_list .item").eq(index).siblings().removeClass("atttorn_active")
    })



    // 关闭级联选择框 事件
    function hideCascader() {
        $(".common_select_cover").removeClass("cascader_active")
        isCascader = false
        $(".drop_down_main_cover").hide()
    }


    // 处理 myknow 页面的相关事件
    $(".myknow_pos_select_cover").hide()

    $(".myknow_pos_select_maincon").on("click", function (e) {
        e.stopPropagation()
        $(".myknow_pos_select_cover").show()
    })

    $(".myknow_select_item").click(function (e) {
        e.stopPropagation()
        let val = $(this).html().trim()
        $(".myknow_pos_select_maincon").html(val)
        $(".myknow_pos_select_cover").hide()
    })


    // 处理 user_member 页面的相关事件 
    $(".user_member_nav_titlelist .item").click(function (e) {
        e.stopPropagation()

        $(this).addClass("user_member_active").siblings().removeClass("user_member_active")
    })

    // 监听 recomment 页面
    //

    $(".recomment_select1_cover_pos").hide()
    $(".recomment_select2_cover_pos").hide()

    $(".recomment_select1_cover").on("mouseenter", function () {
        $(".recomment_select1_cover_pos").show()
    })

    $(".recomment_select2_cover").on("mouseenter", function () {
        $(".recomment_select2_cover_pos").show()
    })

    $(".recomment_select1_cover").on("mouseleave", function () {
        $(".recomment_select1_cover_pos").hide()
    })

    $(".recomment_select2_cover").on("mouseleave", function () {
        $(".recomment_select2_cover_pos").hide()
    })

    $(".recomment_select1_cover").on("click", function (e) {
        e.stopPropagation()
        let val = $(e.target).text().trim()
        if ($(e.target)[0].tagName == "LI") {
            $(".recomment_select1_cover span").text(val)
            $(".recomment_select1_cover_pos").hide()
        }

    })

    $(".recomment_select2_cover").on("click", function (e) {
        e.stopPropagation()
        let val = $(e.target).text().trim()

        if ($(e.target)[0].tagName == "LI") {
            $(".recomment_select2_cover span").text(val)
            $(".recomment_select2_cover_pos").hide()
        }
    })


    // 认证中心
    //

    // 手机相关
    $(".user_vail_phone_mask").hide()

    $(".show_phone_mask").click(function (e) {
        e.stopPropagation()
        $(".user_vail_phone_mask").show()
    })

    $(".user_vail_phone_mask_del").click(function (e) {
        e.stopPropagation()
        $(".user_vail_phone_mask").hide()
    })

    $(".user_vail_phone_mask").on("click", function (e) {
        e.preventDefault()
        e.stopPropagation()
        $(".user_vail_phone_mask").hide()
    })


    $(".phone_mask_main").on("click", function (e) {
        e.preventDefault()
        e.stopPropagation()

    })


    // 发送验证码
    $(".phone_mask_getyzm").on("click", function (e) {
        e.preventDefault()
        e.stopPropagation()
        if (!isPush) {
            // 校验手机号
            let register_user_phone = $(".user_vail_phone").val().trim()
            if (!register_user_phone) {
                return Message("请输入手机号", 'error')
            }
            if (!checkPhone(register_user_phone)) {
                return
            }

            isPush = true
            register_timer = setInterval(() => {
                if (count <= 0) {
                    count = 60
                    clearInterval(register_timer)
                    $(".phone_mask_getyzm").html("获取验证码")
                    isPush = false

                } else {
                    count -= 1
                    $(".phone_mask_getyzm").html(`${count}秒后重新获取`)
                }
            }, 1000)
        } else {
            Message("验证码已发送，请勿重复点击！！！", 'warning')
        }
    })

    // 提交绑定
    $(".phone_mask_submit").click(function (e) {
        e.stopPropagation();
        e.preventDefault()

        let data = formToJson("#user_vail_phone_form")
        // 验证手机号合法
        if (!data.phone) {
            return Message("请输入手机号", "error")
        }

        if (!checkPhone(data.phone)) {
            return Message("请检查手机号是否合法", "error")
        }

        if (!data.yzm) {
            return Message("请输入验证码", "error")
        }

        if (data.yzm.length !== 6) {
            return Message("请输入6位手机验证码", "error")
        }

        // 验证通过

        $(".user_vail_phone_mask").hide()

        // 清空输入
        $('#user_vail_phone_form')[0].reset();

        return Message("修改成功", "success")

    })


    // 邮箱相关

    $(".user_vail_email_mask").hide()

    $(".show_email_mask").click(function (e) {
        e.stopPropagation()
        $(".user_vail_email_mask").show()
    })

    $(".user_vail_email_mask_del").click(function (e) {
        e.stopPropagation()
        $(".user_vail_email_mask").hide()
    })

    $(".user_vail_email_mask").on("click", function (e) {
        e.preventDefault()
        e.stopPropagation()
        $(".user_vail_email_mask").hide()
    })


    $(".email_mask_main").on("click", function (e) {
        e.preventDefault()
        e.stopPropagation()

    })


    // 提交绑定
    $(".email_mask_submit").click(function (e) {
        e.stopPropagation();
        e.preventDefault()

        let data = formToJson("#user_vail_email_form")
        // 验证邮箱
        if (!data.email) {
            return Message("请输入邮箱", "error")
        }

        if (!checkEmail(data.email)) {
            return Message("请检查邮箱是否合法", "error")
        }

        // 验证通过

        $(".user_vail_email_mask").hide()

        // 清空输入
        $('#user_vail_email_form')[0].reset();

        return Message("修改成功", "success")

    })


    // myCoupon页面切换
    $(".mycoupon_nav_list_title .item").on("click", function (e) {
        let index = $(this).index()
        $(".mycoupon_nav_list_title .item").eq(index).addClass("user_mycoupon_active")
        $(".mycoupon_nav_list_title .item").eq(index).siblings().removeClass("user_mycoupon_active")
        $(".mycoupon_nav_list_content_item").eq(index).show().siblings().hide()
    })


    // user_resetPass 页面 提交 信息
    $(".user_resetPass_submit").click(function (e) {
        e.stopPropagation()
        e.preventDefault()

        // 表单验证
        let data = formToJson("#user_resetPass_form", true)
        console.log(data)
        if (data != null) {

            if (data.newpassword !== data.renewpassword) {
                return Message("两次密码不一致", "error")
            }

            // 具体的校验
        }
    })

    $(".user_binding_mask").hide()
    $(".user_binding_button").click(function (e) {
        e.stopPropagation()
        $(".user_binding_mask").show()

    })

    $(".user_binding_mask_i_cover").click(function (e) {
        e.stopPropagation()
        $(".user_binding_mask").hide()
    })

    $(".user_binding_mask").click(function (e) {
        e.stopPropagation()
        $(".user_binding_mask").hide()
    })

    $(".user_binding_mask_main").click(function (e) {
        e.stopPropagation()
        e.preventDefault()
    })



    // help 页面开始 
    //左侧menu
    // 记录当前打开项
    let helpIndex = -1

    $(".help_menu_list .item").click(function (e) {
        e.stopPropagation()
        let index = $(this).index()
        if (helpIndex != index) {
            $(".help_menu_list .item").eq(index).find(".item_init_cover").addClass("help_active")
            $(".help_menu_list .item").eq(index).siblings().find(".item_init_cover").removeClass("help_active")

            $(".help_menu_list .item").eq(index).find(".help_menulist_item_pos").show(500)
            $(".help_menu_list .item").eq(index).siblings().find(".help_menulist_item_pos").hide(500)

            helpIndex = index
        } else {
            $(".help_menu_list .item").eq(index).find(".item_init_cover").removeClass("help_active")
            $(".help_menu_list .item").eq(-1).siblings().find(".help_menulist_item_pos").hide(500)
        }
    })

    // price开始
    let price_arr = []
    $(".parice_add").on("click", function (e) {
        // 查看 这个新的选择是否存在 去重处理
        e.stopPropagation()
        let val = $(".price_main_con").html().trim()
        // console.log(!priceFilter(price_arr,SelectIdArr))
        if(!priceFilter(price_arr,SelectIdArr)){
              return  Message("已经存在了","warning")
        }
        if (val && val !== '请选择') {
            let newTime = Date.now()
            let li = `
            <li class="price_sel_item">
            <span>${val}</span> <i data-time=${newTime} class="iconfont icon-delete2"></i>
        </li>
            `
            $(".price_sel_main").append(li)
            $(".price_init").hide()

            SelectIdArr['newTime'] = newTime
            price_arr.push(SelectIdArr)

            clearCascader()
        } else {
            Message("请先选择")
        }
    })



    // price 删除
    $(".price_sel_main").on("click", function (e) {
        e.stopPropagation()
        if ($(e.target)[0].tagName.trim() == "I") {
            let newTime = $(e.target).attr("data-time")
            $(e.target).parent().remove()
            price_arr = price_arr.filter(item => {
                return item.newTime != newTime
            })

        }
        if (price_arr.length == 0) {
            $(".price_init").show()
        }

        console.log(price_arr)
    })

    // service 右侧页面的表单提交

    $(".service_submit").on("click",function(e){
        e.preventDefault()
        e.stopPropagation()

        checkServiceRight()

    })


       // 专门用于处理service右侧表单 的校验函数
       function checkServiceRight() {
        // let register_user_phone = $(".register_user_phone").val().trim()
        // let register_user_passord = $(".register_user_passord").val().trim()
        // let register_user_passord1 = $(".register_user_passord1").val().trim()
        // let register_user_yzm = $(".register_user_yzm").val().trim()

        let data=formToJson("#service_form",true)
        // console.log(data)
        if (data.select1.indexOf("请选择")==0 ||data.select2.indexOf("请选择")==0 || data.select3.indexOf("请选择")==0 || data.select4.indexOf("请选择")==0 || data.select5.indexOf("请选择")==0) {
            return Message("所有项都必须选择", 'error')
        }
  


        // 校验是否是手机号
        if (!checkPhone(data.phone)) {
            return  Message("请检查手机号码", 'warning')
        }



        // 校验验证码是否符合
        if (data.yzm.length!== 6) {
            return Message("请检查你的验证码", 'warning')
        }

        // 校验通过了
    
        Message("提交成功","success")

    }


    // zzdb 补充搜索城市下拉列表功能
    $(".zzbz_pos1_city").hide()
    $(".zzdb_serch2_left").on("mouseenter",function(e){
        e.stopPropagation()
        $(".zzbz_pos1_city").show()
    })
    $(".zzdb_serch2_left").on("mouseleave",function(e){
        e.stopPropagation()
        $(".zzbz_pos1_city").hide()
    })
    $(".zzbz_pos1_city").click(function(e){
        e.stopPropagation()
        let val=$(e.target).text().trim()
        if(val){
            $(".zzdb_serch2_main").html(val)
            $(".zzbz_pos1_city").hide()
        }
       
    })
    





})